.content{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:40rpx 30rpx 0 30rpx;
	.pay_box{
		position: fixed;
		top:0;
		left:0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.4);
		.phone_box{
			width: 100%;
			height: 346rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 0px 1px;
			position: absolute;
			bottom:0;
			left: 0;
			box-sizing: border-box;
			padding: 0 30rpx;
			.pay_btn{
				width: 100%;
				height: 88rpx;
				background: #4FC863;
				border-radius: 44rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 46rpx;
				text{
					font-size: 30rpx;
					font-weight: 500;
					color: #FFFFFF;
					&:first-child{
						margin-right: 17rpx;
					}
				}
			}
			.phone_box_item{
				height: 97rpx;
				box-sizing: border-box;
				border-bottom: 1px solid #F0F0F0;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 28rpx;
				font-weight: 500;
				color: #333;
				&:first-child{
					font-size: 28rpx;
					font-weight: 500;
					color: #666666;
				}
			}
		}
	
	
	}
	.fineArts{
		margin-top: 20rpx;
		.occupancy_list_item{
				width:100%;
				height: 222rpx;
				background: #FFFFFF;
				border-radius: 20rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 20rpx;
				.occupancy_rt{
					margin-left: 26rpx;
					width: 485rpx;
					.search_label{
						display: inline-block;
						height: 29rpx;
						padding:5rpx 12rpx;
						font-size: 20rpx;
						font-weight: 400;
						color: #3AAB4C;
						background:rgba(79, 200, 99, 0.2);
						border-radius: 5px;
						margin:17rpx 0 26rpx 0;
					}
					.occupancy_rt_title{
						display: flex;
						justify-content: space-between;
						align-items: center;
						
						text{
							font-size: 32rpx;
							font-weight: bold;
							color: #333333;
						}
					}
					.occupancy_rt_address{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						text{
							font-size: 24rpx;
							font-weight: 400;
							color: #333333;
							margin-right: 11rpx;
						}
					}
					.occupancy_browse{
						display: flex;
						justify-content: space-between;
						align-items: center;
					    margin-top: 16rpx;
						view{
							&:first-child{
								width:auto;
								height: 33rpx;
								background: #FFF8EB;
								border-radius: 7rpx;
								font-size: 24rpx;
								font-weight: 400;
								color: #FF8400;
								padding:5rpx;
							}
							&:last-child{
								display: flex;
								justify-content: flex-start;
								align-items: center;
								text{
									font-size: 24rpx;
									font-weight: 500;
									color: #999999;
									margin-left: 10rpx;
								}
							}
						}
						
					
					}
				}
			}
	}
	.noData{
		height: calc(100vh - 166rpx);
		display: flex;
		justify-content: center;
	
		align-content: center;
		flex-wrap: wrap;
		.noDataImg{
			width: 100%;
			text-align: center;
		}
		.noDataTitle{
			width: 100%;
			margin-top: 67rpx;
			view{
				text-align: center;
				&:first-child{
					font-size: 30rpx;
					font-weight: bold;
					color: #4FC863;
				}
				&:last-child{
					font-size: 28rpx;
					font-weight: 500;
					margin-top: 36rpx;
					color: #999999;
				}
			}
		}
	}
	.tab_list{
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-bottom: 60rpx;
		text{
			font-size: 30rpx;
			font-weight: 500;
			color: #333333;
			
		}
		text.active{
			font-size: 30rpx;
			font-weight: bold;
			color: #4FC863;
			position: relative;
			&::after{
				content: '';
				width: 26rpx;
				height: 4rpx;
				background: #4FC863;
				border-radius: 2rpx;
				position: absolute;
				bottom: -20rpx;
				left:50%;
				transform: translateX(-13rpx);
			}
		}
	}
}